<!DOCTYPE html>
<html>

<head>
    <meta charset='UTF-8' />
    <title>初识Vue</title>
    <!-- 引入Vue -->
    <script type='text/javascript' src='../js/vue.js'></script>
</head>

<body>
    <div id='root'>
        <h2>localStorage</h2>
		<button onclick="saveData()">点我保存一个数据</button>
		<button onclick="readData()">点我读取一个数据</button>
		<button onclick="deleteData()">点我删除一个数据</button>
		<button onclick="deleteAllData()">点我清空一个数据</button>
    </div>
    <script type='text/javascript'>
        let p = {name:'张三',age:18}
        function saveData(){
          localStorage.setItem("msg","hello")
          localStorage.setItem("num","123")
          localStorage.setItem("item",JSON.stringify(p))
        }
        function readData(){
        console.log(localStorage.getItem("msg"))
        console.log(localStorage.getItem("num"))
        const s= localStorage.getItem("item")
        console.log(JSON.parse(s))
        }
        function deleteData(){
        localStorage.removeItem("msg")
        }
        function deleteAllData(){
        localStorage.clear()
        }
    </script>
</body>

</html>